<template>
  <div class="router-content">
    <inside v-for="(div, index) in article" :key="index" :title="div.title" :contents="div.contents" :urls="div.urls"></inside>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
import inside from '@/components/inside'
export default {
  name: 'index',
  components: {
    inside
  },
  data () {
    return {
      menus: [],
      article: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
    this.write()
  },
  methods: {
    write () {
      this.article = [
        {
          title: '卡类型列表',
          contents: [
            '卡类型列表显示的是当前集团已有的卡类型。可以查询已有的卡类型。'
          ],
          urls: [
            '/static/imgs/base/cardType_1.png'
          ]
        }, {
          title: '添加卡类型',
          contents: [
            '点击“添加卡类型”，出现卡类型信息的对话框。输入必填的名称后点击提交，就形成了新的卡类型。',
            ''
          ],
          urls: [
            '/static/imgs/base/cardType_2.png',
            '/static/imgs/base/cardType_3.png'
          ]
        }, {
          title: '设置通用权限',
          contents: [
            '添加完卡类型可以“设置通用权限”，选择卡务中心的权限后，在登录一般员工和卡务管理员账号时，在开了权限的卡务中心里就会显示对应的卡类型。没有开权限的卡务中心就不会显示卡类型。',
            ''
          ],
          urls: [
            '/static/imgs/base/cardType_4.png',
            '/static/imgs/base/cardType_5.png'
          ]
        }, {
          title: '修改',
          contents: [
            '点击“修改”，弹出修改对话框。在修改了卡类型的名字后，点击提交就完成了修改。',
            ''
          ],
          urls: [
            '/static/imgs/base/cardType_6.png',
            '/static/imgs/base/cardType_7.png'
          ]
        }, {
          title: '删除',
          contents: [
            '选择想要删除的卡类型，点击“删除”出现删除对话框，点击确定就删除成功了。',
            ''
          ],
          urls: [
            '/static/imgs/base/cardType_8.png',
            '/static/imgs/base/cardType_9.png'
          ]
        }
      ]
    }
  }
}
</script>
<style>
</style>
